<template>
	<view class="about">
		<view class="logo">
			<image src="/static/logo.png" mode=""></image>
		</view>
		<view class="name">仟元租车</view>
		<view class="con">
			<uv-parse :content="content"></uv-parse>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		onLoad
	} from "@dcloudio/uni-app";
	import {
		doRich
	} from '@/apis/home.js'
	const content = ref(``)

	onLoad(() => {
		doRich('ABOUT_US').then(data => {
			content.value = data.content
		})
	})
</script>

<style lang="scss" scoped>
	.about {
		padding: 30rpx 24rpx;

		.logo {
			display: flex;
			align-items: center;
			justify-content: center;

			image {
				width: 146rpx;
				height: 146rpx;
				display: block;
			}
		}

		.name {
			margin-top: 20rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
			text-align: center;
		}

		.con {
			padding-top: 24rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #06121E;
			line-height: 45rpx;
		}
	}
</style>